<StackLayout sdkExampleTitle sdkToggleNavButton>
	<StackLayout>
		<!-- >> slider-values-xml -->
		<GridLayout class="m-15" rows="auto" columns="50 * 50">
			<Label class="h3" text="10" textWrap="true" row="10" col="0"></Label>
			<Slider minValue="10" maxValue="70" [(ngModel)]="sliderValue1" row="0"
			 col="1"></Slider>
			<Label class="h3" text="70" textWrap="true" row="0" col="2"></Label>
		</GridLayout>
		<GridLayout class="m-15" rows="auto" columns="50 * 50">
			<Label class="h3" text="33" textWrap="true" row="0" col="0"></Label>
			<Slider minValue="33" maxValue="133" [(ngModel)]="sliderValue2" row="0"
			 col="1"></Slider>
			<Label class="h3" text="133" textWrap="true" row="0" col="2"></Label>
		</GridLayout>
		<GridLayout class="m-15" rows="auto" columns="50 * 50">
			<Label class="h3" text="15" textWrap="true" row="0" col="0"></Label>
			<Slider minValue="15" maxValue="1000" [(ngModel)]="sliderValue3" row="0"
			 col="1"></Slider>
			<Label class="h3" text="1000" textWrap="true" row="0" col="2"></Label>
		</GridLayout>
		<GridLayout class="m-15" rows="auto" columns="50 * 50">
			<Label class="h3" text="0" textWrap="true" row="0" col="0"></Label>
			<Slider minValue="0" maxValue="100" [(ngModel)]="sliderValue4" row="0"
			 col="1"></Slider>
			<Label class="h3" text="100" textWrap="true" row="0" col="2"></Label>
		</GridLayout>
		<GridLayout class="m-15" rows="auto" columns="50 * 50">
			<Label class="h3" text="5" textWrap="true" row="0" col="0"></Label>
			<Slider minValue="5" maxValue="99" [(ngModel)]="sliderValue5" row="0"
			 col="1"></Slider>
			<Label class="h3" text="99" textWrap="true" row="0" col="2"></Label>
		</GridLayout>

		<Button class="btn btn-primary btn-active" width="90%" text="Review results" (tap)="onTap()"></Button>
		<!-- << slider-values-xml -->
	</StackLayout>
</StackLayout>